@import 'font'
html, body
  height: 100%
  background: #f5f6f8
  font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei"
  user-select: none

body, div, span, header, footer, nav, section, aside, article, ul, li, a, p, h1, h2, h3, h4, h5, h6, i,textarea, button, input, select
  padding: 0
  margin: 0
  font-size: normal
  box-sizing: border-box

span
  vertical-align: middle

a
  text-decoration: none
  color: black
input:-webkit-autofill
  -webkit-box-shadow: 0 0 0 30px white inset
ul, li
  list-style: none

#app
  height: 100%

::-webkit-scrollbar
  width: 0
  height: 0

ptr(value = 16)
  return (value/25)rem

i[class^="icon-fa"]
  font-size: 0.64rem

// 覆盖mint-ui原先固定单位
.mint-header
  padding: 0 ptr(10)

.mint-button, .mint-header, .mint-cell, .mint-cell-wrapper
  min-height: ptr(45)
  font-size: ptr(16)

.mint-field .mint-cell-title
  width: ptr(105)
.mint-field-other .mint-button--small
  height: 1.4rem

.mintui
  font-size: ptr(16)
.mint-button--small
  font-size: ptr(14)

.mint-badge,
.mint-badge.is-size-small
  font-size: ptr(10)
  line-height: ptr(10)
  border-radius: ptr(10)
  padding: ptr(4) ptr(8)

.mint-searchbar-inner
  height: ptr(28)
  .mintui-search
    font-size: ptr(12)
  .mint-searchbar-core
    font-size: ptr(11)
.mint-searchbar .mint-searchbar-cancel
    font-size: ptr(12)

// 通用样式库
.f0
  font-size: 0
.f10r
  font-size: ptr(10)
.f12r
  font-size: ptr(12)
.f14r
  font-size: ptr(14)
.f16r
  font-size: ptr(16)

.h40r
  height: ptr(40)
.lh40r
  line-height: ptr(40)
.h45r
  height: ptr(45)
.lh45r
  line-height: ptr(45)
.h90r
  height: ptr(90)
.lh90r
  line-height: ptr(90)
.whalf
  width: 50%

.m0
  margin: 0
.mt10r
  margin-top: ptr(10)
.mb10r
  margin-bottom: ptr(10)
.mb6r
  margin-bottom: ptr(6)

.p0
  padding: 0
.pb10r
  padding-bottom: ptr(10)

.rel
  position: relative
.abs
  position: absolute

.tc
  text-align: center
.vc
  vertical-align: middle
.vt
  vertical-align: top

.c0
  color: #000
.c3
  color: #333
.c6
  color: #666
.c8
  color: #888
.c9
  color: #999
.cb
  color:#356af1
.cg
  color: #ff00b0
.red
  color: red
.wh
  color: white
.bcwh
  background: white

.l
  float: left
.r
  float: right
.cl
  clear: both

.i50r
  height: ptr(50)
  width: ptr(50)

.dib
  display: inline-block

.brc
  border-radius: 100%

.bb1
  border-bottom: 1px solid #eee
.br1
  border-right: 1px solid #eee
.bs
  box-shadow: 0 0 2px #eee

.left
  float: left
.right
  float: right
.clb
  clear: both
.ovh
  overflow: hidden

// 移动1像素
@media only screen and (-webkit-min-device-pixel-ratio: 2) 
  .vertical::before, .vertical::after
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
  .horizontal::before, .horizontal::after
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
@media only screen and (-webkit-min-device-pixel-ratio: 3) 
  .vertical::before, .vertical::after
    -webkit-transform: scaleX(0.33);
    transform: scaleX(0.33);
  .horizontal::before, .horizontal::after
    -webkit-transform: scaleY(0.33);
    transform: scaleY(0.33);